<template>
<div id="home" >   
   <div class="page-wrap">
      <mt-tab-container class="page-tabbar-container" v-model="selected">
        <mt-tab-container-item id="首页">
        <router-view name="index"></router-view>
        </mt-tab-container-item>
        <mt-tab-container-item id="热搜">
        <router-view name="dynamic"></router-view>
        </mt-tab-container-item>
        <mt-tab-container-item id="发现">
        <router-view name="discovery"></router-view>
        </mt-tab-container-item>
        <mt-tab-container-item id="我的">
        <router-view name="me"></router-view>
        </mt-tab-container-item>
      </mt-tab-container>
    </div>

    <mt-tabbar v-model="selected" fixed>
      <mt-tab-item id="首页">
        <img slot="icon" src="../assets/hometwo.png">
        首页
      </mt-tab-item>
      <mt-tab-item id="发现">
        <img slot="icon" src="../assets/findtwo.png">
       发现
      </mt-tab-item>
      <mt-tab-item id="热搜">
        <img slot="icon" src="../assets/hottwo.png">
       热搜
      </mt-tab-item>
      <mt-tab-item id="我的">
        <img slot="icon" src="../assets/minetwo.png">
        我的
      </mt-tab-item>
    </mt-tabbar>
</div>

</template>
<script>
// import main from '../main.js'
import index from './index.vue'
import discovery from './discovery.vue'
import dynamic from './dynamic.vue'
import me from './me.vue'
import register from './register.vue'
import login from './login.vue'
import Vue from 'vue'

        export default {
          name: 'home',
        data () {
          return {
              selected:"首页"
          }
        },
        methods: {

        },
        components: { index,me,dynamic,discovery,register,login }
      }
</script>
<style>
.fengexian3{background-color:rgba(239,241,240,1);height: 15px;margin-bottom:-3px;margin-top:-3px;}
.ME{text-align: left;padding-top: 15px;padding-bottom: 15px}

</style>
